<template>
  <div>
    <v-card
      class="d-flex flex-column align-center py-3 px-4"
      outlined
      flat
      tile
    >
      <div class="subtitle-2 text--secondary" v-text="goods.description"></div>
      <v-container class="pa-0" fluid>
        <v-row>
          <v-col v-for="n in 2" :key="n" class="d-flex child-flex" cols="12">
            <v-card flat tile class="d-flex">
              <v-img
                :src="`https://picsum.photos/500/300?image=${n * 5 + 10}`"
                :lazy-src="`https://picsum.photos/10/6?image=${n * 5 + 10}`"
                class="grey lighten-2"
              >
                <template v-slot:placeholder>
                  <v-row
                    class="fill-height ma-0"
                    align="center"
                    justify="center"
                  >
                    <v-progress-circular
                      indeterminate
                      color="grey lighten-5"
                    ></v-progress-circular>
                  </v-row>
                </template>
              </v-img>
            </v-card>
          </v-col>
        </v-row>
      </v-container>
      <v-btn block color="#2AB795" dark>分享有惊喜</v-btn>
    </v-card>
    <div class="line-space"></div>
    <v-card class="py-3 px-4" outlined flat tile>
      <p align="center" style="font-size: 15px">注意事项</p>
      <span class="d-flex align-center subtitle-2 font-weight-bold"
        ><v-icon class="mr-1" color="#212121" size="1px"
          >mdi-checkbox-blank-circle</v-icon
        >购买运费如何收取？</span
      >
      <p class="subtitle-2 text--secondary">
        单笔订单金额(不含运费)满88元免邮费；不满88元，每单收取10元运费。（港澳台地区需满500元免邮费；不满500元，每单收取30元运费)
      </p>
      <span class="d-flex align-center subtitle-2 font-weight-bold"
        ><v-icon class="mr-1" color="#212121" size="1px"
          >mdi-checkbox-blank-circle</v-icon
        >使用什么快递发货？</span
      >
      <p class="subtitle-2 text--secondary">
        默认使用顺丰快递发货(个别商品使用其他快递）
        配送范围覆盖全国大部分地区(港澳台地区除外）。
      </p>
      <span class="d-flex align-center subtitle-2 font-weight-bold"
        ><v-icon class="mr-1" color="#212121" size="1px"
          >mdi-checkbox-blank-circle</v-icon
        >如何申请退货？</span
      >
      <p class="subtitle-2 text--secondary">
        1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账；
        2.内裤和食品等特殊商品无质量问题不支持退货； 3.退货流程：
        确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成；
        4.因优品汇产生的退货，如质量问题，退货邮费由优品汇承担，退款完成后会以现金券的形式报销。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。
      </p>
    </v-card>
  </div>
</template>

<script>
export default {
  props: ['goods']
};
</script>
